Hyper Text Markup language.
HTML
HTML Stands
for Hyper Text Markup language.
HTML is a
Subset of SGML
It is most
Frequently used Document type in the web.
It is a
define Single Fixed Type of Documents with markup that we Describe common Class
of a Single office Style request with heading paragraph list etc.
HTML was
Define to allow the transfer display & linking of Document over Internet
and the key enabling technology for the WWW.
UNDERSTANDING
OF HTML
Html is a
method where ordinary text can be converted into hyper text
HTML is not a programming language it contains
instruction with in data to tell
display program called browser.
HTML is a character-based method for displaying the
expressing the content.
The content picture text video and sound clip
HEADER & HEAD SECTION
HTML Contain
pair of tag
<head>
and</head>
To identify
the heading od tittle of a document
The
<title> …..</title> can appear in the Section
The text
Exist b/w the tittle tag appear as a tittle in the browser Window.
BODY
SECTION:
The body tag
in HTML document contains the text that will show up on the web page.
The body
section end used with <body> tag
It Give a
description of the document layout & Structure.
HEADING
TAG:
Used to display heading on the web page in the
various Size
The tag can
be used providing main heading to the
web page
HTML support
6 level of Heading <h1> to <h6>
PARAGRAPH
HEADING:
We are
interested in organizing text into paragraph the paragraph HTML tag
<p>………</p>
can be used
The
beginning of the paragraph &end of
paragraph <p>…..</p> is used.
NOTE: End of <P> not necessary
INSTEAD
ALIGN
Align Center
attribute the <center> ………….</center>
Tag can be
used to center the paragraph
The
<Br> tag
Is an entity
tag and standalone tag that Simply insert line break
Font
Style tag
This tag can
be used for text Style specification the tag is: <font>…………</font>
Size
Attribute of the font is used to specify the size of the text.
Color:
Attribute of
the font <font> is used to specify the color of the text.
DIV
TAG: used to
apply dignments &style characteristics to only a section of a document.
Create a list:
Heading
& paragraph text element are used more commonly than list.
Many webpage
are nothing but list of hypertext /link
You can
create 2 types of lists
Order list
Unorder list
The order
list number list and unorder list is a bulleted list
The OL a sequence
of number list of items is used in conjunction with li tag
UL: bulleted list of iteam the li iteam nested inside
the UL tag & define each iteam within the list.
Table Tag:
Group of
information to be presented table representation is a best one and so is the
case even on web page.
Table are
used for arranging the layout of a Web Page
BASIC
TABLE TAG:
The HTML tag
for Create a Table Are:
<table>……….</table>
This is a tag
Which mark the begin and end of a table.
Attribute
of Table Tag:
Align: Specify the arrangement of the table
in the page value possible are Left, Right, Centre
Border: Specify the Width of the border to be Drown
all table cell these is no border drown value possible are: 1, 2, 3 and so on.
Cell Spacing: the Amount of Space b/w cell in a
table value possible are: 1, 2, 3, and so on.
Width: used to Specify the width of a table
the max width can be max size of monitor
in pixel .
<tr>….</tr>
Stand for a
table row to add row in a table row tag s\are used for each row there will be a
Set of table row tag .
BG Color: used to the set the background color
of a row the possible color value possible are the save as the list is previous
section.
<td>……</td>
The Stand
for table data table tag each cell in the table they must be nested with end table
row tag .
Table
Captions and Heading:
Every table
display in the page will have till that disable the chantant of the table Also
each cell of the table can have a heading with name of information stored in
it.
<caption:…..<caption>:
Used for
the </caption> for a table element appear inside the table tag but not
inside table row and column.
IMAGE:
THE img
tag allow you to displaying image on your web page we will discuss inside
image.
The most
commonly used image format for inline image is the GIF format
The Src
attribute is required attribute that identifies the full or partial address
or just the name of the file to display.
Form: I am sure that some stage and other
in your life you would have fill up a form for driving license application form
etc.
Form are viral
component to make web design page interactive user can take back to webwide
submit to the web page .
Your form
can have file text all paragraph style table
image and most other object that can be inserted on the web page the user fill
up the form by typing into a text field click radio button & checkbacks and
Selecting option from down menu the user can
submit the form by click the button usually leveled y Submitted
Application
o Education Sites
o Online purchase order
o Collect feedback about a webwide
Create a
Form
o Form Header
o Input Field
o Action Button
Input Elements:
In element
are Formed that can accepted input From the user, the following are the some of
the input element that can be add to a form .
Text: text
entry Box
Button:
custom push button
Checkbox:
on/off check box
Image:
Graphical image
Password:
make text Empty
Radio: Radio
Button
Reset: Reset
Button
Submit:
submit Button
Input is the
HTML tag that is used to create any of
the form element add to the Type attribute determines the Specific sort of the
form element to be created
The Syntex
is:
<input
type =””
<input name
=””
<input
value =””
<input Action =””
<input
Size =””
<input
Max length =””
Type: type
attribute specifies the type of the form element will be add to the form
Align : is used to aligning control with respect to
form margin with one of the following Value:
· Left
· Right
· Center
Name: every
control in the form must have a name to identify it. The appear as a label in
the form and should be unique
Size:
specify the horizontal size of the
textbook
Example:
<form>
<form
face =” courier new”>
<font
size =”4”>
<TR>
<TD>first
name </TD>
<TD><input
type =”TEXT “NAME = “ENAME” size =”30” maxlength =”30” value =””></TD>
</TD>
</Font> </FONT>
</FORM>
CHACKBOX:
Is like a
toggle Switch where user can select or not select the item. if the Checkbox Selected than a value
True Returned with the checkbox name else false returned.
Example:
<TR>
<TD>
Education></TD>
<TD>
<INPUT TYPE” = CHECKBOX” NAME=” EDUCATION”VALUE=” GRADUATE “ CHACKED>
Graduate
<INPUT
TYPE” = CHECKBOX” NAME=” EDUCATION”VALUE=” POST GRADUATE “ CHACKED> Graduate
<TD>
</TR>
RADDIO
BUTTON:
Are used
when are used when the user has to make to section among multiple Choice and is
always used in a group.
EXAMPLE:
<TR>
<TD>GENDER
</TD>
<TD>
<INPUT
TYPE =” PASSWORD” NAME =”GENDER” VALUE =”MALE”
CHACKED> MALE
<INPUT
TYPE =”PASSWORD” NAME =”GENDER” VALUE =”FEMALE”
CHACKED>FE MALE</TD> </TR>
PASSWORD FIELD: Is same as a text box . expect that
whatever the user enter in it is marked with an asterisk or some similar
character so that no one Cn see what the user has a value typed .
EXAMPLE:
<TR>
<TD>
SALARY </TD>
<TD>
INPUT
TYPE = “PASSWORD” NAME =”SALARY’ SIZE =”10”>
</TD>
</TR>
Comments
Post a Comment